/* == 10. Horizontal menu Background == */

/*====================
	Color Scheme Begin
=====================================================================
====================================================================*/

/* Menu bar background color */
#navigation, 
#nav li ul li, 
#nav li ul li a{
background: #000; 
}

/* Menu Item text color */
#nav li a, 
#nav li a:hover, 
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover  {
color: #fff; 
}

/* Menu Item background color on hover */
#nav li a:hover, 
#nav li ul li a:hover  {
background: #D2691E; 
}

/* Text Shadow */
#nav li a, 
#nav li a:hover, 
#nav li ul li a:hover  {
text-shadow: 0 1px 1px #333; 
}

/* Search form colors */
.searchform input, .searchform input:not(:focus){
color:#B1B1B1; /*search form text color default*/
background: #fff; /*search form background color default*/
}
.searchfield:focus{
color: #D2691E; /* search form text color after click */
}

/*=====================================================================
=======================================================================
	Color Scheme End
====================*/

#menu_div{
clear: both;
position: relative;
top: 0;
left: 0;
} /* Free space to top specialy for menu */

#navigation {
position: fixed;
}

#navigation, #menu_div {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}

#menu_div, #navigation, #menu, #nav{
height: 70px; /* menu height */
}


#menu {
width: 1280px;
margin:0 auto; /*center the menu*/
padding:0;
position: relative;
}

#logo {
	float: left;
	width: 130px;
	/* height: 70px; */
	text-align: center;
	margin-top: 20px;
}

#nav{
width: 960px;
margin:0;
padding:0;
position: relative;
font-family: 'Arial', Helvetica, sans-serif;
}

#nav li a,#nav li {
float:left;
}

#nav li {
list-style:none;
position:relative;
}

#nav li a {
line-height: 70px;
padding:0 15px;
text-decoration:none;
margin:0;
font-size:15px;
font-weight:700;
text-transform:uppercase;
}

/*====================
	Submenu 
=====================*/
#nav li ul {
display:none;
position:absolute;
left:0;
top:100%;
padding:0;
margin:0;
} /* hide submenu */

#nav li:hover > ul {
display:block;
} /* show submenu on hover */

#nav li ul li,#nav li ul li a {
float:none;
height: 40px; /* submenu item height */
min-width: 150px; /* submenu item minimal width */
line-height: 40px;
border-right: 0;
text-shadow: none;
display:block;
font-size:13px;
font-weight:400;
text-transform:inherit;
} /* Submenu item */

#nav li ul li {
_display:inline; /* for IE */
}

/* == 12. Sub-Sub Menu == */
#nav li ul li ul {
display:none;
}

#nav li ul li:hover ul {
left:100%;
top:0;
}

#logo {display:inline-block;*display:inline;zoom:1;margin-left:10px;}
#logo > h1 {display:inline-block; *display:inline; zoom:1;}

div.right{display:block;position:absolute;top:0;right:10px;}
div.right > div.right-sub{display:inline-block; *display:inline; zoom:1; margin-top: 24px; *margin-top: 23px; margin-right: 70px;color:#c4c4c4; vertical-align: top;}
div.right > div.right-sub > #login{position:relative;top:1px;display:inline-block;*display:inline;zoom:1;margin-right:8px;}
div.right > div.right-sub > #login.loggedin{top:0;}
div.right > div.right-sub > #login > a+a{margin-left: 0px;}
div.right > div.right-sub > #login > dl.logout{ /*vertical-align: top;*/ margin-right: 7px; *margin-right:10px;position:relative;*top:-2px;}
div.right > div.right-sub > #login > dl.logout,
div.right > div.right-sub > #login > dl.logout > dt,
div.right > div.right-sub > #login > dl.logout > dd {display: inline-block; *display:inline; zoom:1; }
div.right > div.right-sub > #login > dl.logout dt {font-size: 11px;}
div.right > div.right-sub > #login > dl.logout > dt > label.user-id {background:url(/GOP/images/common/gnb/gnb_id.png) no-repeat;display:block;width:14px;height:9px;text-indent:-10000px;position:relative;left:17px;*left:14px;top:1px;*top:4px;top:2px\0IE9}
div.right > div.right-sub > #login > dl.logout > dt > label.user-pw {background:url(/GOP/images/common/gnb/gnb_pw.png) no-repeat;display:block;width:19px;height:9px;text-indent:-10000px;position:relative;left:21px;*left:18px;top:1px;*top:4px;top:2px\0IE9}

div.right > div.right-sub > #login > dl.logout > dd.user-id {margin-right:-17px;*margin-right:-11px;}
div.right > div.right-sub > #login > dl.logout > dd > div.input-wrapper {border-bottom:1px #444 solid;border-top-style:none;border-left-style:none;border-right-style:none;}
div.right > div.right-sub > #login input{border:none;background:transparent;}
div.right > div.right-sub > #login input[type=text] {width:55px;height:15px;line-height:15px;margin-left:17px;}
div.right > div.right-sub > #login input[type=password] {width:51px;*width:49px;width:49px\0IE9;height:13px;line-height:13px;margin-left:21px;}/* line-height:13px; -> ie에서 동작하게 하기 위함 */

#header #login a{color:#bababa;font-weight:800;}

div.right > div.right-sub > #login > a.img-logout > img{vertical-align: text-bottom;}

div.right > div.right-sub > #login > a.img-login{position:relative;top:1px;}
div.right > div.right-sub > #login > a.img-login > img{vertical-align: bottom;}

#login a{color:#bababa;font-weight:800; /*vertical-align:3px;*/}
div.right > div.right-sub > #login > dl.login > dd > span {margin:0 7px 0 5px; *margin-left: 7px;}

div.right > div.right-sub > #link{display:inline-block; *display:inline; zoom:1; margin-top: 4px; }
div.right > div.right-sub > #link > ul > li{display: inline-block; *display:inline; zoom:1; margin-right: 7px;}
div.right > div.right-sub > #link > ul > li > a > img{vertical-align: text-bottom;}
div.right > div.right-sub > #link > ul > li > a{color:#bababa;font-size:12px;font-weight:bold;}


a{color:#666666;text-decoration:none;}
a:link,
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}

/*========================
		Transitions
========================*/

#nav li a:hover,
#nav li ul li a:hover  {
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

.searchfield:focus,
.searchfield:not(:focus){
-webkit-transition-property:width; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

#menu_div:hover,
#navigation:hover,
#nav li ul a, 
#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
-webkit-transition-property:opacity; 
-webkit-transition-duration: 0.5s, 0.5s; /* duration in seconds */
-webkit-transition-timing-function: linear, ease-out;
} /* Menu transparency animation */



